<template>
  <div>
    <el-card class="box-card">
      <h1>{{this.$store.state.num}}</h1>
      <el-button @click="add">add</el-button>
      <h1>{{num}}</h1>
    </el-card>

    <!--测试-->
    <span class="ces">哈哈哈</span>
  </div>
</template>
<script>
  import {mapState} from 'vuex'

  export default {
    data(){
      return{

      }
    },
    computed:{
      ...mapState(['num'])
    },
    created() {
      this.$nextTick(function () {
      })
      // var elements = document.getElementsByClassName('ces');
      // console.log("测试",elements);
      // console.log("测试",elements.length);
      // for (var i = 0; i < elements.length; i++) {
      //   console.log("执行了吗");
      //   var element = elements[i];
      //   // 对element进行操作
      //   console.log(element); // 输出元素到控制台
      // }
      console.log("测试")

    },
    methods:{
      add(){
        this.$store.state.num++;
      }
    },

  }
</script>
<style>
  .box-card{
    height: 600px;
  }
</style>
